html
    height: 100%
body
    display: flex
    flex-flow: column nowrap
    justify-content: space-between
    align-items: stretch
    height: 100%
ul
    display: flex
    justify-content: space-between
    flex-flow: row wrap
    padding .3rem
    overflow: scroll
    li
        position relative
        height: 4.72rem
        width 3.3rem
        flex-basis: 3.3rem
        background: #fff
        margin-bottom: .8rem
        border 1px solid #efefef
        text-align: center
        img
            margin-top: 1.4rem
            margin-bottom: .2rem
            width 1.1rem
            height 1.1rem
        p
            font-size: .3rem
        .close
            width .8rem
            height: .8rem
            position: absolute
            bottom -.4rem
            margin-left: 50%
            left: -.4rem
            //background-color rgba(255,255,255,.8)
            //background-image url(images/x.png)
            background: rgba(255,255,255,.8) url(images/x1.png) no-repeat center center
            border-radius: 50%
.begin
    background: #fff
    padding .15rem .4rem
    a
        border-radius: 4px
        background: #ff782d;
        display: block
        text-align: center
        height: .8rem
        line-height: .8rem
        color: #fff
        font-size: .34rem
.mask
    position: fixed
    top: 0
    bottom: 0
    left: 0
    right: 0
    background: rgba(0,0,0,.8)
    z-index: 2
.getphoto
    position: fixed
    bottom 0
    width: 100%;
    height: 2.9rem
    display: flex
    flex-flow: row wrap
    z-index: 3
    a
        background: #fff
        text-align: center
        font-size: .34rem
    .album,.takeapic
        flex 1
        height: 2rem
        color #ff782d
        line-height: 2rem
    i
        display: inline-block
        width: .48rem
        height: .4rem
        background-repeat: no-repeat
        background-size contain
        vertical-align: -3px;
    .album
        border-right: 1px solid #eee
        i
            background-image: url(images/album.png)
    .takeapic i
        background-image: url(images/camara.png)
    .cancel
        flex-basis:  100%
        height: .88rem
        line-height: .88rem
        color #030303
        border-top: 1px solid #eee